iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
自我挑戰組

我的日常學習雜記與筆記整理系列 第 17

Day - 17 JavaScript - Function 函式(一)

  • 分享至 

  • xImage
  •  

今日太晚寫,只整理了章節前面的介紹,另外雖然斷賽,不過就繼續寫完吧。

Function 函式

函式(function) 是JavaScript 的程式碼區塊,只要定義一次,就可以被多次執行或調用(invoked)
JavaScript 函式定義可包含一串參數(parameters),它們被當作函式裡的區域變數來使用。

函式調用 invocations

calculate(1,2);  // 1,2 --> arguments
  1. 引數(arguments)為函式的參數(parentheses)提供值。
  2. 物件的方法(method)

    一個函式(function) 被指定給物件的屬性(property)。

  3. 調用情境(是函式的 this 值):

    一個函式在一個物件上被調用或透過物件被調用。

  4. 建構式(constructor)

    用來初始化新建立的物件的函式

  5. 函式 是物件,可把 函式 指定給變數或將它們傳給其他函式
  6. 巢狀函式

    函式可嵌入(nested) 在其他 函式之中。

  7. closures

    函式可以存取它們被定義所在的範疇(scope)內的任一變數。


02. Function 函式定義

Function

定義函式的 keyword, function
為一段程式碼賦予意義

  1. 識別字 identifier

    作為新定義的函式物件的變數名稱。
    若用在定義運算式的函式,只會在函式中用來參考函式物件本身。

  2. 參數 parentheses

    由零或多個用逗號區隔的識別字組成之串列,所有參數用括號()圍住。

  3. 一對大括號 {}中由零或多個敘述( statements ) 組成函式的主體(body),會在函式被調用時執行。
function calculate(x,y){ // x,y - parentheses
	return x + y; // return value
}
// 通常會使用引數值來計算一個回傳值 (return value)
function calculate(x,y){ // x,y - arguments
	return x + y; // return value
}


calculate(1,2); // 呼叫調用 calculate(), 並把引數 1,2 分別傳入參數 x = 1,y = 2  並在 function 裡 將x, y 當作變數使用來做運算。

函式名稱

  1. 任何合法 JavaScript 識別字。
  2. 具描述性及簡明的名稱。
  3. 賦予意義的函式名稱可改善程式碼的可讀性及可維護性。
  4. 通常是動詞或動詞開頭的片語。
  5. 常見的慣例命名:
    • 開頭為小寫字母。當名稱內含多個英文字時,用底線 __來區隔這些字。
    • 駝峰式命名
  6. 內部使用或該隱藏的函式名稱有時會以底線 __開頭。

參考資源:

JavaScript 大全 第六版, 歐萊禮出版


上一篇
Day - 16 JavaScript 的分號 ; (Semicolons)
下一篇
Day - 18 函式(二) 宣告述句
系列文
我的日常學習雜記與筆記整理30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言